﻿<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('ul#nav li').hover(function () {
            jQuery(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(400);
        }, function () {
            jQuery(this).find('ul:first').css({ visibility: "hidden" });
        });
    })
</script>

<div id="menuHeader">
    <ul>
        <li>
            <a href="/" title="#">
                <span class="bgL"></span>
                <span class="bgC">Trang chủ</span>
                <span class="bgR"></span>
            </a>
        </li>
        <li>
            <a href="/Default/About" title="#">
                <span class="bgL"></span>
                <span class="bgC">Giới thiệu</span>
                <span class="bgR"></span>
            </a>
        </li>
        <li>
            <a href="/Default/Product" title="#">
                <span class="bgL"></span>
                <span class="bgC">BST Mùa xuân</span>
                <span class="bgR"></span>
            </a>
        </li>
        <li>
            <a href="#" title="#">
                <span class="bgL"></span>
                <span class="bgC">BST Mùa hè</span>
                <span class="bgR"></span>
            </a>
        </li>
        <li>
            <a href="/Page/Product" title="#">
                <span class="bgL"></span>
                <span class="bgC">BST Mùa đông</span>
                <span class="bgR"></span>
            </a>
            <ul class="navSub">
                <li>
                    <a href="#" title="#">Quần Jeans</a>
                </li>
                <li>
                    <a href="#" title="#">Quần vải</a>
                    <ul class="navSub">
                        <li>
                            <a href="#" title="#">Quần vải cho nữ</a>
                        </li>
                        <li>
                            <a href="#" title="#">Quần vải cho nam</a>
                        </li>
                        <li>
                            <a href="#" title="#">Mẫu quần bán chạy</a>
                        </li>
                        <li>
                            <a href="#" title="#">Mẫu quần yêu thích</a>
                        </li>
                        <li>
                            <a href="#" title="#">Mẫu quần nổi bật</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#" title="#">Váy - đầm dạo phố</a>
                </li>
                <li>
                    <a href="#" title="#">Áo Pull</a>
                </li>
                <li>
                    <a href="#" title="#">Áo sơ-mi</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#" title="#">
                <span class="bgL"></span>
                <span class="bgC">Phụ kiện</span>
                <span class="bgR"></span>
            </a>
        </li>
        <li>
            <a href="/Page/News" title="#">
                <span class="bgL"></span>
                <span class="bgC">Tin tức</span>
                <span class="bgR"></span>
            </a>
            <ul class="navSub">
                <li>
                    <a href="#" title="#">Tin tức khuyến mãi</a>
                </li>
                <li>
                    <a href="/Default/News/1" title="#">Tin tức thời trang</a>
                    <ul class="navSub">
                        <li>
                            <a href="#" title="#">Xu hướng thời trang</a>
                        </li>
                        <li>
                            <a href="#" title="#">Chuyên mục làm đẹp</a>

                        </li>
                        <li>
                            <a href="#" title="#">Kiến thức thời trang</a>
                        </li>
                        <li>
                            <a href="#" title="#">Làm đẹp mỗi ngày</a>
                        </li>
                        <li>
                            <a href="#" title="#">Kinh nghiệm chọn đồ</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#" title="#">Tin tức thị trường</a>
                </li>
                <li>
                    <a href="#" title="#">Tin tức trong nước</a>
                </li>
                <li>
                    <a href="#" title="#">Tin tức thế giới</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/Default/Contact" title="#">
                <span class="bgL"></span>
                <span class="bgC">Liên hệ</span>
                <span class="bgR"></span>
            </a>
        </li>
    </ul>
</div>
